// // 在本地中把id值提取出来
// var goodid=window.localStorage.getItem('goodid')
// var item = window.localStorage.getItem('item')
// item=JSON.parse(item)
// console.log(item)
// // 数据渲染
// // 放大镜
// var e = new Enlarge()
//     // console.log(e)
// e.event()
// $('.global-crumbs>.active').text(item.Title)
// $('.pdw-hd .middle>img').attr('src',item.MainPic)
// $('.pdw-hd .middle>.big>img').attr('src', item.MainPic)
// console.log(item.pics)
// for (let attr in item.pics) {
// //根据小图片的数量创建img
//   $('.pdw-hd .small').append('<img class = ' + 'a' + attr + '>')
//   var b = ''
//   var a = '.a'
//   b = a + attr
//   // console.log(b)
//   // console.log($('.pdw-hd .small img'))
//   // console.log(document.querySelector(b))
//   $(b).attr('src', item.pics[attr])
// }
// // 给小图绑定点击事件
// for (let i = 0; i < this.item.pics.length; i++){
//   // console.log( this.item.pics)
//   this.item.pics[i].onclick = ()=>{
//       // 将所有小图的红色边框去掉
//       for(var j=0;j<this.item.pics.length;j++){
//           this.item.pics[j].className = ''
//       }
//       // 给当前点击的小图添加红色边框
//       this.item.pics[i].className = 'active'
//       // 获取当前小图的路径
//       var path = this.item.pics[i].getAttribute('src')
//       console.log(path)
//       // 将图片路径设置给中图和大图
//       this.middleImg.setAttribute('src', path)
//       this.bigImg.setAttribute('src', path)
//   }
// }
// 

// 登录注册模块
// 如果在本地里没有名字
fn()
$('.dengdeng1').on('click', function () {
  localStorage.setItem('url', location.href)
  location.href = '../login.html'
})
function fn () {
  // 在本地里获取名字
  var name = window.localStorage.getItem('name')
  if (!name) {
    $('.page-top>.container>.top-fr>div').html(`
    <a href=" javascript:;"><span class="dengdeng1" >登录</span></a>
    <a href="./register.html"><span>注册</span></a>
    `)
  }else {
    // name存在
    $('.page-top>.container>.top-fr').css('position', 'relative')
    $('.page-top>.container>.top-fr>div').html(`<a href="" class="info"><span>${name}</span><span></span>
      <ul><li onclick="logout()" >退出登录</li>
          <li>修改密码</li>
          <li>我的订单</li></ul>
       </a>`).css({ 'position': 'absolute','left': '-82px','z-index': '5'})
  }
}
// 退出登录
function logout () {
  fn()
  // 移除本地的数据
  window.localStorage.removeItem('name')
  window.localStorage.removeItem('userInfo')
  window.localStorage.removeItem('data')
}

// 在地址栏里把id取出来,正则中，方括号中的^表示  非/取反的意思
var arr = location.search.match(/id=([^&]+)/)

if (!arr) {
  alert('非法请求')
  location.href = 'list.html'
} else {
  // 获取到id，从地址栏中
  var id = arr[1]
  // console.log(id)
  // 发送Ajax，把数据请求回来，根据id去找当前应该显示的那一条
  getData()
  function getData () {
    $.ajax({
      url: '/lieBia',
      data: {
        copuonCode: '',
        keyword: '',
        tagType: 3,
        tagValue: '1088;1089;1090;1091;1092;1093;1094;1095;1096;1097;1099;1101;1098;1100',
        pageIndex: 1
      },
      success: res => {

        // console.log(res)
        var data = res.result.Products
        var obj = data.find(item => item.ProductId === id)
        console.log(obj)
        // 通过obj把数据渲染到页面中
        $('.global-crumbs>.active').text(obj.Title)
        $('.pdw-hd .middle>img').attr('src', obj.MainPic)
        $('.pdw-hd .middle>.big>img').attr('src', obj.MainPic)
        for (let attr in obj.pics) {
          // 根据小图片的数量创建img
          $('.pdw-hd .small').append('<img class = ' + 'a' + attr + '>')
          var b = ''
          var a = '.a'
          b = a + attr
          $(b).attr('src', obj.pics[attr])
        }

        $('.pro-property>.pro-hd>.title').text(obj.Title)
        $('.pro-property>.pro-bd>.price-panel .current-price').text(obj.MinRedCardPrice)
        $('.shu #content').text(obj.Stock)
        $('.seller-wrap >.seller-hd>a>img').attr('src', obj.sellerLogo).attr('title', obj.sellerName)
        $('.seller-wrap >.seller-hd>a>p').text(obj.sellerName)
        for (let j = 0; j < obj.pics.length; j++) {
          // console.log(j)
          $('.datail-img>li').append('<img>')

          $('.datail-img>li>img').attr('src', obj.pics[j])
        }

        var e = new Enlarge()
        //     // console.log(e)
        e.event()
      }
    })
  }
}
$('.action-panel>.add-shopping').click(function () {
  // 先判断是否登录,如果本地里面有name，说明已经登录了，
  var username = localStorage.getItem('name')

  if (!username) {
    // 没登录
    alert('请先登录')
    localStorage.setItem('url', location.href)
  location.href = '../login.html'
  } else {
    // 登录了
    // var proId = arr[1]
    // var number = 1
    var data = localStorage.getItem('data')
    if (!data) {
      // 如果本地里没有数据，那就把数据存进去
      var arr = [{
        id,
        number: 1,
        username
      }]
      // 存进去了
      localStorage.setItem('data', JSON.stringify(arr))
    } else {
    
      // data存在，有数据
      data = JSON.parse(data) // 先把data转成数组
      // // 判断是否有当前用户的数据
      console.log(data)
      var obj = data.find(item => item.id === id)
      console.log(obj)
      if (obj) {
        //如果obj存在
        obj.number++
        // 是存在data里面，不要看错了
        localStorage.setItem('data', JSON.stringify(data))
      } else {
        // 没有自己的数据
        data.push({
          id,
          number: 1,
          username
        })
        localStorage.setItem('data', JSON.stringify(data))
      }
    }
  }
  // 加入购物车成功
  layer.msg('加入购物车成功',{
    time:1000,
    icon:1
});
})
